﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
    <link href="CSS/bootstrap.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="Scripts/bootstrap.js" type="text/javascript"></script>
    <script src="Scripts/Hu_ControlCss.js" type="text/javascript"></script>
    <link href="CSS/CodeHighLightCss/dark.css" rel="stylesheet" type="text/css" />
    <!--<link href="CSS/default.css" rel="stylesheet" type="text/css" />-->
    <script src="Scripts/highlight.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function ()
        {
            Hu_ControlCss.fixContainerWhenRollScroll("leftMenu", 70);
            $('a,span').popover(); //初始化左侧菜单提示窗体
            hljs.initHighlightingOnLoad();
        });
    </script>
</head>
<body>
    <div class="row" id="head">
        <div id="site-navbar" style="position: absolute; top: -4px; left: -3px; border: 0;
            z-index: 2000; padding: 0; margin: 0;">
            <a href="/" title="返回首页" style="background: none;">
                <img src="/IMG/return-back.png" style="padding: 0; margin: 0; border: 0; -webkit-box-shadow: none;
                    -moz-box-shadow: none; box-shadow: none;"></a>
        </div>
        <div class="navbar navbar-default" role="navigation" style="margin-bottom: 0px; border: 0px">
            <div class="nav navbar-nav navbar-right" style="margin-right: 50px; margin-top: 0px;
                text-align: right">
                <ul class="nav nav-pills">
                    <li><a href="#">网站首页</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="row" id="top" style="border: 1px solid #E7E7E7; background-color: #F8F8F8;
        margin-bottom: 20px">
        <div class="col-md-3 col-md-offset-1">
            <div style="float: left; margin-left: 100px">
                <img src="IMG/333.png" style="height: 250px" alt="" />
            </div>
        </div>
        <div class="col-md-6">
            <div style="margin-top: 80px;">
                <h1>
                    Bootstrap heading
                </h1>
                <br />
                <br />
                <p class="lead">
                    Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis,
                    est non commodo luctus.
                </p>
            </div>
        </div>
    </div>
    <div class="row" id="seach">
        <div class="col-md-2 col-md-offset-1">
        </div>
        <div class="col-md-7" style="margin-left: 60px">
            <div class="input-group" style="margin-right: 0px; width: 50%; float: right">
                <input type="text" class="form-control" placeholder="支持中文搜索,请尽量缩短字数">
                <div class="input-group-btn">
                    <button type="button" class="btn btn-default" tabindex="-1">
                        搜 索</button>
                    <button type="button" class="btn btn-default" tabindex="-1" style="border-left: 0px">
                        常 用</button>
                </div>
            </div>
        </div>
    </div>
    <div class="row" id="middle" style="margin-top: 10px">
        <div class="col-md-2 col-md-offset-1">
            <div id="leftMenu">
                <div class="panel-group" id="accordion">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                    Collapsible Group Item #1 </a>
                            </h4>
                        </div>
                        <div id="collapseOne" class="panel-collapse collapse">
                            <div class="panel-body">
                                <ul class="nav nav-divider">
                                    <li style="margin-left: 20px"><a href="#" data-container="body" data-toggle="popover"
                                        data-placement="right" data-trigger="hover " data-content="Vivamussagittis lacus vel augue">
                                        Disabled link</a></li>
                                    <li style="margin-left: 20px"><a href="#" data-container="body" data-toggle="popover"
                                        data-placement="right" data-trigger="hover " data-content="Vivamussagittis lacus vel augue">
                                        Disabled link</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                                    Collapsible Group Item #2 </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse">
                            <div class="panel-body">
                                <div class="panel-body">
                                    <ul class="nav nav-divider">
                                        <li style="margin-left: 20px"><a href="#">Disabled link</a></li>
                                        <li style="margin-left: 20px"><a href="#">Disabled link</a></li>
                                        <li style="margin-left: 20px"><a href="#">Disabled link</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h4 class="panel-title">
                                <a data-toggle="collapse" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                                    Collapsible Group Item #3 </a>
                            </h4>
                        </div>
                        <div id="collapseThree" class="panel-collapse collapse">
                            <div class="panel-body">
                                <div class="panel-body">
                                    <ul class="nav nav-divider">
                                        <li style="margin-left: 20px"><a href="#">Disabled link</a></li>
                                        <li style="margin-left: 20px"><a href="#">Disabled link</a></li>
                                        <li style="margin-left: 20px"><a href="#">Disabled link</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-7" style="margin-left: 60px">
            <div class="panel panel-default">
                <!-- Default panel contents -->
                <div class="panel-heading">
                    <strong>element</strong>
                    <div style="float: right">
                        返回值:Array&lt;Element(s)&gt;element</div>
                </div>
                <div class="panel-body">
                    根据给定的元素名匹配所有元素
                </div>
            </div>
            <div class="panel panel-default">
                <!-- Default panel contents -->
                <div class="panel-heading">
                    参数</div>
                <div class="panel-body">
                    <p>
                        Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean
                        lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare
                        sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula
                        ut id elit.</p>
                </div>
                <table class="table">
                    <thead>
                        <tr>
                            <th>
                                #
                            </th>
                            <th>
                                参数名
                            </th>
                            <th>
                                解释
                            </th>
                            <th>
                                版本
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                1
                            </td>
                            <td>
                                prev
                            </td>
                            <td>
                                任何有效选择器
                            </td>
                            <td>
                                未知
                            </td>
                        </tr>
                        <tr>
                            <td>
                                2
                            </td>
                            <td>
                                next
                            </td>
                            <td>
                                任何有效选择器
                            </td>
                            <td>
                                未知
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="panel panel-default">
                <!-- Default panel contents -->
                <div class="panel-heading">
                    <strong>示例</strong>
                    <div style="float: right">
                        <a data-trigger="hover" data-container="body" data-toggle="popover" data-placement="top"
                            data-content="这个例子比较恰当,清楚对我有用">顶 <span class="badge" style="background-color: Green">
                                4</span></a> <a data-trigger="hover" data-container="body" data-toggle="popover"
                                    data-placement="top" data-content="这个例子不好,看不懂或者表达不清楚">踩 <span class="badge">4</span></a>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="panel panel-default">
                        <!-- Default panel contents -->
                        <div class="panel-heading">
                            <strong>HTML 代码:</strong>
                        </div>
                        <div class="panel-body">
                            <pre><code>&lt;form&gt; &lt;label&gt;Name:&lt;/label&gt; &lt;input name="name" /&gt;
                                &lt;fieldset&gt; &lt;label&gt;Newsletter:&lt;/label&gt; &lt;input name="newsletter"
                                /&gt; &lt;/fieldset&gt; &lt;/form&gt; &lt;input name="none" /&gt; </code></pre>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <!-- Default panel contents -->
                        <div class="panel-heading">
                            <strong>jQuery 代码:</strong>
                        </div>
                        <div class="panel-body">
                            根据给定的元素名匹配所有元素
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <!-- Default panel contents -->
                        <div class="panel-heading">
                            <strong>结果:</strong>
                        </div>
                        <div class="panel-body">
                            根据给定的元素名匹配所有元素
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="background-color: #F8F8F8; height: 100px; border: 1px solid #E7E7E7">
        <span class="button-wrap"><a href="#" class="button button-circle">press me</a></span>
    </div>
</body>
</html>
